<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取用户地理位置</title>
</head>
<body>
    <p id=“local”>点击按钮获取您的当前坐标(可能需要比较长的时间获取)</p>
    <button onclick="getLocation()">点我</button>
</body>
<script>
    let oP = document.getElementById("local");
    function getLocation(){
        if(navigator.geolocation){//说明geolocation是在navigator对象上
            console.log(navigator.geolocation);
            navigator.geolocation.getCurrentPosition(function (res){
                oP.innerHTML="纬度: " + res.coords.latitude + "<br>经度: " + res.coords.longitude; 
            },
            function (err){
                switch(err.code) {
                    case err.PERMISSION_DENIED:
                    oP.innerHTML="用户拒绝对获取地理位置的请求。"
                        break;
                    case err.POSITION_UNAVAILABLE:
                    oP.innerHTML="位置信息是不可用的。"
                        break;
                    case err.TIMEOUT:
                    oP.innerHTML="请求用户地理位置超时。"
                        break;
                    case err.UNKNOWN_ERROR:
                    oP.innerHTML="未知错误。"
                        break;
                }
            })
        }else{
            oP.innerHTML = "该浏览器不支持获取地理位置";
        }
    }
</script>
</html>